<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>手机密码设置成功</title>
    <link rel="stylesheet" type="text/css" href="../../../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../../../css/style.css"/>
    <style>
        html,body{
            /*background: #fff;*/
        }
        .inner_header{
            font-size: 1.6rem;
            color: #000000;
            font-weight: 600;
            height: 6.9rem;
            margin: 0;
            padding: 2.4rem 0 0 0;
            box-sizing: border-box;
            background: none!important;
            box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.08);
            background: #fff!important;
        }
        .content{
            width: 100%;
            float: left;
            margin: 6.9rem 0 0 0;
        }
        .content_list{
            background: #fff;
            width: 100%;
            float: left;
            box-sizing: border-box;
            padding: 0 0 0 1.3rem;
            margin-bottom: 1rem;
        }
        .content_li{
            float: left;
            width: 100%;
            height: 4.45rem;
            box-sizing: border-box;
            border-bottom: 0.05rem solid #e6e6e6;
            color: #333333;
            font-size: 1.5rem;
            line-height: 4.45rem;
        }
        .content_li img{
            float: right;
            margin: 1.5rem 1.3rem 0 0;
            width: 0.7rem;
	        height: 1.4rem;
        }
        .content_list .content_li:last-child{
            border-bottom: none;
        }
        .content_li span{
            float: right;
            margin: 0 1.3rem 0 0;
            color: #a1a1a1;
        }
        .bottom{
            width: 100%;
            height: 4.8rem;
	          background-color: #ed6a20;
            bottom: 0;
            line-height: 4.8rem;
            font-size: 1.8rem;
            letter-spacing: 0.04rem;
            color: #ffffff;
            text-align: center;
            float: left;
        }
        /* 手机密码修改成功的弹出框 */
        .content .content_list  .box{
            display: flex;

        }
        .content .content_list .box img{
          /*display: block;*/
            /*flex: 1*/
            float: right;
        }
        .content .content_list .content_li .empty{
            flex: 1
        }
        .content .content_list .content_li .empty .todal{
          width: 12.65rem;
          height: 3.45rem;
          background-color: #000000;
          border-radius: 1.73rem;
          opacity: 0.5;
          font-size: 1.5rem;
          color: #fff;
          letter-spacing: 0.03rem;
          line-height: 3.45rem;
          text-align: center;
          margin: 0.5rem 0 0 5.5rem;
        }
    </style>
</head>
<body>
    <div id="app">
        <header class="aui-bar aui-bar-nav aui-bar-light inner_header">
          <a class="aui-pull-left aui-btn" onclick="goBack()">
              <img src="../../../../image/back.png">
          </a>
          <div class="aui-title">设置</div>
        </header>
        <div class="content">
            <div class="content_list">
                <div class="content_li box">
                    账号管理
                    <div class="empty">
                      <div class="todal" v-if="establish">
                          密码修改成功
                      </div>
                      <div class="todal" v-if="mobile_phone">
                          绑定成功
                      </div>
                    </div>
                    <img src="../../../../image/capital/icon4.png" alt="">
                </div>
                <div class="content_li">
                    我的消息
                    <img src="../../../../image/capital/icon4.png" alt="">
                </div>
                <div class="content_li">
                    隐私设置
                    <img src="../../../../image/capital/icon4.png" alt="">
                </div>
                <div class="content_li">
                    账户安全
                    <img src="../../../../image/capital/icon4.png" alt="">
                </div>
            </div>
            <div class="content_list">
                <div class="content_li">
                    地址管理
                    <img src="../../../../image/capital/icon4.png" alt="">
                </div>
                <div class="content_li">
                    增票资质
                    <img src="../../../../image/capital/icon4.png" alt="">
                </div>
                <div class="content_li">
                    支付设置
                    <img src="../../../../image/capital/icon4.png" alt="">
                </div>
                <div class="content_li">
                    问题反馈
                    <img src="../../../../image/capital/icon4.png" alt="">
                </div>
            </div>
            <div class="content_list">
                <div class="content_li">
                    关于我们
                    <img src="../../../../image/capital/icon4.png" alt="">
                </div>
                <div class="content_li">
                    App版本号<span>6.22.3</span>
                </div>
                <div class="content_li">
                    清除缓存
                    <img src="../../../../image/capital/icon4.png" alt="">
                </div>
            </div>
        </div>
        <div class="bottom">退出账号</div>
    </div>
</body>
</html>
<script type="text/javascript" src="../../../../script/api.js"></script>
<script type="text/javascript" src="../../../../script/zepto.js"></script>
<script type="text/javascript" src="../../../../script/vue.min.js"></script>
<script type="text/javascript" src="../../../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../../../script/utils.js"></script>
<script type="text/javascript" src="../../../../script/common.js"></script>
<script type="text/javascript" src="../../../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../../../script/aui-scroll.js"></script>
<script type="text/javascript" src="../../../../script/aui-pull-refresh.js"></script>

<script type="text/javascript">

  apiready = function(){
    //setRefresh()
  }

  //刷新
  function setRefresh(){
      var pullRefresh = new auiPullToRefresh({
          container: document.querySelector('.aui-refresh-content'),
          triggerDistance: 100
      }, function(ret) {

          if (ret.status == "success") {
              setTimeout(function() {
                  pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
              }, 1500)
          }
      })
  }
  var vm = new Vue({
    el:"#app",
    data:{
      password:0,
      telphone:0,
      establish:false，
      mobile_phone：false
    },
    methods:{

    },
    mounted:function(){
      console.log(this.password)
      // 假设手机密码已经设置成功
      if(this.password==1){
        this.establish=true
        setTimeout(()=>{
          this.establish=false
        },1000)
      }
      // 假设绑定手机成功
      if(this.telphone==1){
        this.establish=true
        setTimeout(()=>{
          this.mobile_phone=false
        },1000)
      }
    }
  })


</script>
